<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
    <link  rel="stylesheet" type="text/css" th:href="@{{path}/common/v3/summernote/summernote-bs3.css?v={v}(path=${staticPath},v=${v})}"/>

</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInLeft">
    <div data-th-replace="common/functionDepict"></div>
    <div>
        <div class="row">
            <div class="creat-step-wrap clearfix">
                <div class="col-sm-4 creat-step-current">
                    <div class="creat-step-bx">
                        <span class="vam fs24 c-4e"><i class="fa fa-hand-pointer-o"></i></span>
                        <div class="creat-step-txt">
                            <h5><span class="fs14 c-222">第一步：基本信息</span></h5>
                            <span class="fs12 c-999" th:if="${course['courseTypeKey']} != 'PACKAGE'">名称、专业/科目、价格、封面、有效期等</span>
                            <span class="fs12 c-999" th:if="${course['courseTypeKey']} == 'PACKAGE'">名称、价格、封面、有效期等</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4" id="secondStep">
                    <div class="creat-step-bx">
                        <span class="vam fs24 c-4e"><i class="fa fa-hand-peace-o"></i></span>
                        <div class="creat-step-txt">
                            <h5><span class="fs14 c-222">第二步：描述信息</span></h5>
                            <span class="fs12 c-999">年份、购买人数、简介、详情等</span>
                        </div>
                    </div>
                </div>
                <div th:if="${course['courseTypeKey']} !='PACKAGE'" class="col-sm-4 goToStep_three">
                    <div class="creat-step-bx">
                        <span class="vam fs24 c-4e"><i class="fa fa-hand-spock-o"></i></span>
                        <div class="creat-step-txt">
                            <h5><span class="fs14 c-222">第三步：排课信息</span></h5>
                            <span class="fs12 c-999">排课、目录结构、教学资源</span>
                        </div>
                    </div>
                </div>
                <div th:if="${course['courseTypeKey']}=='PACKAGE'" class="col-sm-4 goToStep_three">
                    <div class="creat-step-bx">
                        <span class="vam fs24 c-4e"><i class="fa fa-hand-spock-o"></i></span>
                        <div class="creat-step-txt">
                            <h5><span class="fs18 c-222">第三步：套餐内容</span></h5>
                            <span class="fs14 c-999">套餐内包含的课程</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <aside class="pull-right">
                            <span class="c-999"> <i class="fa fa-exclamation-triangle"></i> 请您遵守国家相关规定，切勿上传低俗色情、暴力恐怖、谣言诈骗、侵权盗版等相关内容，本平台保有依据国家规定及平台规则进行处理的权利。</span>
                        </aside>
                        <h5 id="course-animate"><b>填写基本信息</b></h5>
                    </div>
                    <div class="ibox-content clearfix pt10">
                        <input type="hidden" id="courseStatus" th:value="${course['status']}"/>
                        <form id="save-course-form">
                            <div class="form-horizontal">
<!--                                <input type="hidden" name="validType" value="1">-->
                                <input type="hidden" name="contractTempId" th:value="${course['contractTempId']}">
                                <input type="hidden" name="id" id="courseId" th:value="${course['id']}"/>
                                <input type="hidden" name="courseNo" id="courseNo" th:value="${course['courseNo']}"/>
                                <input type="hidden" name="courseTypeKey" id="courseType" th:value="${course['courseTypeKey']}"/>
                                <input type="hidden" name="imageJson" th:value="${course['imageJson']}"/>
                                <th:block th:if="${course['courseTypeKey']}=='COLUMNS' or ${course['courseTypeKey']}=='VIDEO'">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">课程类型</label>
                                        <div class="col-sm-8">
                                            <div class="radio i-checks">
                                                <label>
                                                    <input th:disabled="${course['id']}!=0" name="_typeKey" class="course-type-key" type="radio" th:checked="${course['courseTypeKey']}=='VIDEO'" value="VIDEO"/>
                                                    <strong class="fs18">录播</strong>
                                                </label>
                                                <label>
                                                    <input th:disabled="${course['id']}!=0" name="_typeKey" class="course-type-key" type="radio" th:checked="${course['courseTypeKey']}=='COLUMNS'" value ="COLUMNS"/>
                                                    <strong class="fs18">专栏</strong>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                </th:block>
                                <div class="form-group pt10" th:if="${smallClassNum} == 0">
                                    <label class="col-sm-2">&nbsp;</label>
                                    <div class="col-sm-8 fs16">
                                        <section class="alert alert-info alert-dismissable ">
                                            <span class="c-red">
                                                <i class="fa fa-exclamation-circle"></i> 系统检测到您未开通小班课直播服务，
                                            </span>
                                            <a class="c-master" id="openService" >请开通后使用 <i class="fa fa-angle-right"></i></a>
                                        </section>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label th:if="${course['courseTypeKey']} != 'PACKAGE'" class="col-sm-2 control-label text-right">
                                        <i class="c-red">*</i>
                                        课程名称
                                    </label>
                                    <label th:if="${course['courseTypeKey']} == 'PACKAGE'" class="col-sm-2 control-label text-right">
                                        <i class="c-red">*</i>
                                        套餐名称
                                    </label>
                                    <div class="col-sm-8">
                                        <input class="form-control" name="courseName" th:value="${course['courseName']}" maxlength="30" placeholder="请输入名称（建议字数在14字以内，不超过30个字）">
                                        <span th:if="${course['courseTypeKey']} == 'PACKAGE'" class="help-block m-b-none c-999">
                                                套餐名称 建议字数在14字以内，不超过30个字
                                            </span>
                                        <span th:if="${course['courseTypeKey']} != 'PACKAGE'" class="help-block m-b-none c-999">
                                                课程名称 建议字数在14字以内，不超过30个字
                                            </span>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <!--套餐没有属性，开始-->
                                <div class="form-group">
                                    <input type="hidden" name="subjectIds" id="subjectIds" th:value="${course['subjectIds']}"/>
                                    <label class="col-sm-2 control-label"><i class="c-red">*</i> 所属专业/科目</label>
                                    <div class="col-sm-8">
                                        <div id="course-subject-box" class="input-group" style="width: 100%">
                                        </div>
                                        <div id="course-subject-context">
                                        </div>
                                        <div class="mt10">
                                            <span class="c-999">选择所属专业科目或去新建</span>
                                            <a href="javascript:void(0)" class="m-l" onclick="getRedirectMenu(baseloaction+'/admin/manage/subject/toSubjectList')"> 新建专业 <i class="fa fa-angle-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <!--套餐没有属性，结束-->
                                <div class="form-group">
                                    <label th:if="${course['courseTypeKey']}!='PACKAGE'" class="col-sm-2 control-label text-right"><i class="c-red">*</i>  课程封面</label>
                                    <label th:if="${course['courseTypeKey']}=='PACKAGE'" class="col-sm-2 control-label text-right"><i class="c-red">*</i>  套餐课程封面</label>
                                    <div class="col-sm-8">
                                        <div class="clearfix" id="coverImage">
                                            <div class="file-box">
                                                <div class="file">
                                                    <span class="corner" title="删除" id="remove-image"><i class="fa fa-remove"></i></span>
                                                    <div class="image">
                                                        <img alt="课程封面" id="material-image" class="img-responsive" th:src="!${#maps.isEmpty(course['imageMap'])} ? ${course['imageMap']['pcUrlMap']['large']} : @{{path}/admin/v3/img/default/default-pic.jpg?v={v}(path=${staticPath},v=${v})}"/>
                                                    </div>
                                                    <div class="file-name">
                                                        <p id="file-names" th:text="!${#maps.isEmpty(course['imageMap'])} and ${course['imageMap']['fileName']}!=null ? ${course['imageMap']['fileName']}:'文件名'"></p>
                                                        <small id="create-time" th:text="!${#maps.isEmpty(course['imageMap'])} and ${course['imageMap']['createTime']}!=null ? ${course['imageMap']['createTime']}:'上传时间'"></small>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="pull-left">
                                                <button class="btn btn-primary btn-outline" type="button" id="courseImage"><i class="fa fa-upload"></i>&nbsp;上传封面</button>
                                                <br>
                                                <span class="c-999 fs12">是指在前台各端展示的单品图片。尺寸比例为16 ：9，JPG、PNG格式， 图片小于5M。<br>上传时将进行一次最大尺寸比例裁切，后系统会自动生成符合PC端和移动端的所需尺寸图片。</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 售卖设置</label>
                                    <div class="col-sm-8">
                                        <div class="bg-f2 row pt10 ml5">
                                            <div class="m-l mt5">
                                                <!--会员售卖方式，开始-->
                                                <div th:if="${selaSwitch}==2" class="form-group">
                                                    <div class="col-sm-8">
                                                        <div class="input-group" style="width: 100%">
                                                            <select class="chosen-select-no-search" name="memberCourse" style="width: 100%;" tabindex="2">
                                                                <option value="0">不属于会员课程</option>
                                                                <option th:selected="${course['memberCourse']}==1" value="1">属于会员课程</option>
                                                            </select>
                                                            <span class="help-block m-b-none c-999">
                                                            <span class="fs14 c-ccc hand"
                                                                  data-container="body"
                                                                  data-html="true"
                                                                  data-toggle="popover"
                                                                  data-trigger="hover"
                                                                  data-placement="top"
                                                                  data-content="在关平台售卖方式设置说明，可在“管控配置 -> 系统功能 -> 售卖方式”中查看"
                                                                  data-original-title="" title="">
                                                                 <i class="fa fa-exclamation-circle"></i>
                                                            </span>
                                                            平台当前售卖方式“会员方式”，当会员课程时学员开通会员后可免费观看此课
                                                        </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--会员售卖方式，结束-->
                                                <div th:classappend="${course['memberCourse']}==1 and ${selaSwitch}==2?'hide':''" class="form-group or-price">
                                                    <div class="col-sm-8">
                                                        <div class="input-group">
                                                        <span class="input-group-addon">
                                                            <th:block th:if="${course['courseTypeKey']} == 'PACKAGE'">套餐原价</th:block>
                                                            <th:block th:if="${course['courseTypeKey']} != 'PACKAGE'">课程原价</th:block>
                                                        </span>
                                                            <input class="form-control course-price-in" maxlength="9" name="orPrice" th:value="${#strings.isEmpty(course['orPrice'])}?'0':${course['orPrice']}"/>
                                                            <span class="input-group-addon">.00/元</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div th:classappend="${course['memberCourse']}==1 and ${selaSwitch}==2?'hide':''" class="form-group real-price">
                                                    <div class="col-sm-8">
                                                        <div class="input-group">
                                                            <span class="input-group-addon">实销价</span>
                                                            <input class="form-control course-price-in" maxlength="9" name="realPrice" th:value="${#strings.isEmpty(course['realPrice'])}?'0':${course['realPrice']}"/>
                                                            <span class="input-group-addon">.00/元</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--组合售卖方式，开始-->
                                                <div th:if="${selaSwitch}=='3'" class="form-group">
                                                    <div class="col-sm-8">
                                                        <div class="input-group">
                                                            <span class="input-group-addon">会员价</span>
                                                            <input class="form-control course-price-in" maxlength="9" name="memberPrice"  th:value="${#strings.isEmpty(course['memberPrice'])}?'0':${course['memberPrice']}"/>
                                                            <span class="input-group-addon">.00/元</span>
                                                        </div>
                                                        <span class="help-block m-b-none c-999 mt10">以上可精确到小数点后两位</span>
                                                    </div>
                                                </div>
                                                <!--组合售卖方式，结束-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>

                                <div class="form-group">
                                    <label class="col-sm-2 control-label text-right">通用属性</label>
                                    <div class="col-sm-8">
                                        <div class="bg-f2 row pt10 ml5">
                                            <div class="m-l mt5">
                                                <div class="form-group course-valid-day">
                                                    <div class="col-sm-8">
                                                        <div class="m-b-sm">
                                                            <input type="hidden" name="validType" th:if="${course['status']}==1" th:value="${course['validType']}">
                                                            <div class="radio i-checks" th:if="${course['status']}!=1">
                                                                <span>选择课程有效期类型：</span>
                                                                <label class="">
                                                                    <input name="validType" class="validType" type="radio"    th:checked="${course['validType']}==1  or ${course['validType']} == null" value="1"/>
                                                                    <span>指定天数内</span>
                                                                </label>
                                                                <label class="">
                                                                    <input name="validType" class="validType" type="radio"  th:checked="${course['validType']}==2" value ="2"/>
                                                                    <span>指定日期前</span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <!--有效期天数类型时-->
                                                        <div id="day" th:class="${course['validType']}==2?'hide':''">
                                                            <div class="input-group">
                                                                <span class="input-group-addon"><i class="c-red">*</i> 天数</span>
                                                                <input maxlength="6" th:readonly="${course['status']}==1" class="form-control" data-placeholder="请填写有效天数，只允许填写正整数" name="validDay" th:value="${#strings.isEmpty(course['validDay'])}?'0':${course['validDay']}"/>
                                                                <span class="input-group-addon">天</span>
                                                            </div>
                                                            <span class="help-block m-b-none c-999"> 以天数为有效期：自学员购买日起计算至此天数后到期，到期后不可再学。</span>
                                                        </div>
                                                        <!--有效期日期类型时-->
                                                        <div id="date" th:class="${course['validType']}==1 or ${course['validType']}==null?'hide':''">
                                                            <div class="input-group">
                                                                <span class="input-group-addon"><i class="c-red">*</i> 日期</span>
                                                                <input th:if="${course['status']}!=1"  name="validTime" id="validTime" th:value="${course['validTime']}" class="laydate-icon form-control layer-date" placeholder="请选择截止学习的有效期日期" style="max-width: inherit"  />
                                                                <input th:if="${course['status']}!=1" name="dontBuyTime" id="dontBuyTime" th:value="${course['dontBuyTime']}" class="laydate-icon form-control layer-date" placeholder="请选择不可购买/报名的截止日期，此日期应小于设定的学习的有效期日期" style="max-width: inherit" />
                                                                <input th:if="${course['status']}==1" readonly  name="validTime"  th:value="${course['validTime']}" class="laydate-icon form-control layer-date"  style="max-width: inherit"  />
                                                                <input th:if="${course['status']}==1" readonly  name="dontBuyTime"  th:value="${course['dontBuyTime']}" class="laydate-icon form-control layer-date"  style="max-width: inherit" />

                                                                <span class="input-group-addon">日</span>
                                                            </div>
                                                            <span class="help-block m-b-none c-999">
                                                                课程创建后开始计算有效期至此设定的日期为止，到期后不可购买和学习，并还需设置 “不可购买/报名的截止日期”。<br />
                                                                “不可购买/报名的截止日期”是防止学员在 “学习的有效日期” 剩余不多情况下购买课程后造成的损失的一种保护期的预设。</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group" th:if="!(${course['courseTypeKey']} eq 'SMALL')">
                                                    <div class="col-sm-8">
                                                        <div class="input-group">
                                                            <span class="input-group-addon"><i class="c-red">*</i>  最大报名名额</span>
                                                            <input maxlength="4" class="form-control" data-placeholder="最大报名名额数" name="buyNum" th:value="${#strings.isEmpty(course['buyNum'])}?'0':${course['buyNum']}"/>
                                                            <span class="input-group-addon">名</span>
                                                        </div>
                                                        <span class="help-block m-b-none c-999"> 用于前台限制购买量，0为不限</span>
                                                    </div>
                                                </div>
                                                <div class="form-group" th:if="${course['courseTypeKey']} eq 'SMALL'">
                                                    <div class="col-sm-8">
                                                        <div class="input-group">
                                                            <span class="input-group-addon"><i class="c-red">*</i>  最大报名名额</span>
                                                            <input maxlength="4"  th:disabled="${course['id']}!=null and ${course['buyNum']}!=null and ${course['buyNum']}>0 " class="form-control" data-placeholder="最大报名名额数" name="buyNum" th:value="${#strings.isEmpty(course['buyNum'])}?'0':${course['buyNum']}"/>
                                                            <span class="input-group-addon">名</span>
                                                        </div>
                                                        <span class="help-block m-b-none c-999"  th:if="${smallClassNum} != 0" th:text="'用于前台限制购买量，0为不限数量(小班课必须填写)，您只能使用您开通的小班课服务中的：'+${smallClassNum}+'，作为最大限制人数'"> </span>
                                                    </div>
                                                </div>

                                                <!--套餐特有的属性，开始-->
                                                <th:block th:if="${course['courseTypeKey']} == 'PACKAGE'">
                                                    <div class="form-group">
                                                        <div class="col-sm-8">
                                                            <div class="input-group">
                                                                <span class="input-group-addon"><i class="c-red">*</i> 包含课程数</span>
                                                                <input class="form-control course-num-in" name="courseNum" type="number" min="1" th:value="${#strings.isEmpty(course['courseNum'])}?'0':${course['courseNum']}"/>
                                                                <span class="input-group-addon">门</span>
                                                            </div>
                                                            <span class="help-block m-b-none c-999"> 套餐包含课程总数，注：如上传课程与包含课程数不统一不能上架套餐，包含课程数不能小于等于0，上架后不能更改</span>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-sm-8">
                                                            <div class="input-group m-b">
                                                                <span class="input-group-addon">最大使用数</span>
                                                                <input class="form-control course-num-in" name="useNum" type="number" min="0" th:value="${#strings.isEmpty(course['useNum'])}?'0':${course['useNum']}"/>
                                                                <span class="input-group-addon">门</span>
                                                            </div>
                                                            <span class="help-block m-b-none c-999"> 学员可以使用套餐内的课程数。该值等于必选课的数量加上学员自由选择的课程数量。不填写或0表示所有课对学员可用不可以大于套餐总包含数否则不能上架，上架后不能更改</span>
                                                        </div>
                                                    </div>
                                                </th:block>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <th:block th:if="${course['courseTypeKey']} eq 'SMALL'">
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">专有属性</label>
                                        <div class="col-sm-8">
                                            <div class="bg-f2 row pt10 ml5">
                                                <div class="m-l mt5">
                                                    <div class="form-group course-valid-day">
                                                        <div class="m-l"><i class="c-red">*</i>  <strong>授课时间段</strong><span class="c-999">（请填写授课时间段）</span></div>
                                                        <div class="col-sm-12">
                                                            <input placeholder="开始时间" readonly class="laydate-icon form-control layer-date" id="openTime" name="openTime" th:value="${course['openTime']}"/>
                                                            _
                                                            <input placeholder="结束时间" readonly class="laydate-icon form-control layer-date" id="endTime" name="endTime" th:value="${course['endTime']}"/>
                                                            <span class="help-block m-b-none c-999">  </span>
                                                        </div>
                                                    </div>

                                                    <div class="form-group course-valid-day">
                                                        <div class="m-l"><i class="c-red">*</i>  <strong>停售到期时间</strong> <span class="c-999"> （停售到期时间，到期后无法购买，不填为不限制）</span></div>
                                                        <div class="col-sm-12">
                                                            <div class="input-group">
                                                                <span class="input-group-addon"><i class="fa fa-hourglass-half"></i></span>
                                                                <input class="form-control layer-date laydate-icon" data-placeholder="请选择到期时间" name="limitDate" th:value="${course['limitDate']}" id="limitDate"/>
                                                            </div>

                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <div class="m-l">
                                                            <strong>风采视频码</strong>
                                                            <span class="c-999"> （请上传/选择视频码，用于小班课详情中，讲师小班互动授课风采试看）</span>
                                                        </div>
                                                        <div class="col-sm-12">
                                                            <div class="clearfix">
                                                                <div class="pull-left">
                                                                    <button class="btn btn-primary btn-outline" type="button" id="uploadVideo">
                                                                        <i class="fa fa-plus"></i>&nbsp;上传风采视频
                                                                    </button>
                                                                    <span> 或 </span>
                                                                    <button class="btn btn-primary btn-outline" type="button" id="selectVideo">
                                                                        <i class="fa fa-mouse-pointer"></i>&nbsp;选择风采视频码
                                                                    </button>
                                                                </div>
                                                                <div class="course-valid-day pull-left m-l-sm" style="width: 50%">
                                                                    <input class="form-control" id="audition" data-placeholder="风采视频" name="audition" th:value="${course['audition']}"/>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </th:block>
                                <!--<div th:if="${course['courseTypeKey']} == 'PACKAGE'" class="hr-line-dashed"></div>
                                &lt;!&ndash; 手动输入课程总时长作为统计标准信息&ndash;&gt;
                                <div class="form-group">
                                    <label class="col-sm-2 control-label text-right"> 统计总时长</label>
                                    <div class="col-sm-8">
                                        <div class="input-group m-b"><span class="input-group-addon"><i class="fa fa-sort-numeric-asc"></i></span>
                                            <input placeholder="时长为正整数" class="validate-data form-control" th:value="${course['totleTimes']}==null?'0':${course['totleTimes']}" type="text" name="totleTimes" onkeyup="this.value=this.value.replace(/\D/g,'')"/>
                                        </div>
                                        <span>
                                            <small class="fs12">说明：0为暂不统计</small>
                                        </span>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>-->

                                <!--套餐特有的属性，结束-->
                                <!--<div class="form-group">
                                    <label class="col-sm-2 control-label text-right">是否分销推广</label>
                                    <div class="col-sm-8">
                                        <div class="checkbox i-checks">
                                            <label>
                                                <input type="radio" name="allow" value="1" th:checked="${course['allow']}==1 or ${course['allow']}==0"> <i></i>否
                                            </label>
                                            <label>
                                                <input type="radio" name="allow" value="2" th:checked="${course['allow']}==2"> <i></i> 是
                                            </label>
                                            <span class="help-block m-b-none c-999">是否允许此课可参加分销推广</span>
                                        </div>
                                    </div>
                                </div>-->
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 排序</label>
                                    <div class="col-sm-8">
                                        <div class="input-group m-b"><span class="input-group-addon"><i class="fa fa-sort-numeric-asc"></i></span>
                                            <input placeholder="排序数需为整数" class="validate-data form-control" th:value="${course['sort']}==null?'0':${course['sort']}" type="text" name="sort" onkeyup="this.value=this.value.replace(/\D/g,'')"/>
                                        </div>
                                        <span class="fs14 c-999">
                                            说明：数字越大，排位越前
                                        </span>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <div class="col-sm-10 col-sm-offset-2">
                                        <button class="btn btn-primary" type="button" id="saveCourse">保存并继续</button>
                                        <button th:if="${course['status']}==0 and ${course['courseTypeKey']} != 'PACKAGE'" class="btn btn-primary ml10" type="button" id="savePublish">保存并发布</button>
                                        <button class="btn btn-white ml10 saveCancel" type="button">取消</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!--<div data-th-replace="common/importantNotes"></div>-->
            <div class="pt10">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5 id="info-animate"><b>填写描述信息</b></h5>
                        </div>
                        <div class="ibox-content clearfix pt10">
                            <div class="form-horizontal course-info-desc-box">
                                <form id="course-info-form">
                                    <input name="id" id="course-info-id" type="hidden" th:value="${course['id']}">
                                    <div class="form-group">
                                        <label th:if="${course['courseTypeKey']}!='PACKAGE'" class="col-sm-2 control-label text-right"><i class="c-red">* </i>课程简介</label>
                                        <label th:if="${course['courseTypeKey']}=='PACKAGE'" class="col-sm-2 control-label text-right"><i class="c-red">* </i>套餐课程简介</label>
                                        <div class="col-sm-8">
                                            <textarea class="form-control validate-data" name="summary" th:text="${course['summary']}"></textarea>
                                            <span class="help-block m-b-none c-999">简明、概要描述，限255个字符以内</span>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label th:if="${course['courseTypeKey']}!='PACKAGE'" class="col-sm-2 control-label text-right"> 课程详情</label>
                                        <label th:if="${course['courseTypeKey']}=='PACKAGE'" class="col-sm-2 control-label text-right"> 套餐课程详情</label>
                                        <div class="col-sm-8">
                                            <textarea  id="context" th:text="${course['details']}" name="details" ></textarea>
                                        </div>
                                        <div class="col-sm-2">
                                            <a href="javascript:;"
                                               class="fs14 vam"
                                               data-container="body"
                                               data-html="true"
                                               data-toggle="popover"
                                               data-trigger="hover"
                                               data-placement="left"
                                               th:attrappend="data-content='<img width=320 src='+${staticPath}+'/admin/v3/img/pic/courseInfoContExample.png />'">
                                                填写指引</a>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"> 描述属性</label>
                                        <div class="col-sm-8">
                                            <div class="bg-f2 row pt10 ml5">
                                                <div class="m-l mt5">
                                                    <div class="form-group">
                                                        <div class="m-l">
                                                            <strong>所属年份</strong>
                                                            <span class="c-999"> （课程所属年份，当前年向前推四年，向后推两年）</span>
                                                        </div>
                                                        <div class="col-sm-8">
                                                            <select data-placeholder="选择课程所属年份..." class="chosen-select-no-search" style="width: 100%;" tabindex="2" name="year">
                                                                <option th:each="year : ${#numbers.sequence(2016,maxYear)}" th:selected="${#strings.isEmpty(course['year'])}?${year}==${nowYear}:${year}==${course['year']}" th:value="${year}" th:text="${year}+'年'"></option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="m-l">
                                                            <strong>初始购买人数</strong>
                                                            <span class="c-999"> （只允许填写0或正整数）</span>
                                                        </div>
                                                        <div class="col-sm-8">
                                                            <div class="input-group m-b">
                                                                <span class="input-group-addon"><i class="fa fa-male"></i></span>
                                                                <input class="form-control course-num-in" maxlength="9" name="initBuyNum" th:value="${#strings.isEmpty(course['initBuyNum'])}?'0':${course['initBuyNum']}"/>
                                                                <span class="input-group-addon">人</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"> 附加功能</label>
                                        <div class="col-sm-8">
                                            <div class="bg-f2 row pt10 ml5">
                                                <div class="m-l mt5">
                                                    <div class="form-group">
                                                        <div class="m-l">
                                                            <strong>同步创建班级</strong>
                                                            <span class="c-999"> （同步创建的为课程班级，班级封面为默认图，需要到该班级详情进行修改）</span>
                                                        </div>
                                                        <div class="col-sm-8">
                                                            <div class="radio i-checks">
                                                                <label>
                                                                    <input th:disabled="${course['createClass']}!=0" th:checked="${course['createClass']}==2  or ${course['createClass']}==0" type="radio" name="createClass"  value ="2" checked/> <strong>否</strong>
                                                                </label>
                                                                <label>
                                                                    <input th:disabled="${course['createClass']}!=0" th:checked="${course['createClass']}==1" type="radio" name="createClass" value="1"  /> <strong>是</strong>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="hr-line-dashed"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <div class="col-sm-10 col-sm-offset-2">
                                            <button class="btn btn-primary" type="button" id="saveReturn">保存，返回</button>
                                            <button th:if="${course['courseTypeKey']}!='PACKAGE'" class="btn btn-primary ml10" type="button" id="saveNext">保存，创建目录排课</button>
                                            <button th:if="${course['courseTypeKey']}=='PACKAGE'" class="btn btn-primary ml10" type="button" id="saveNext">保存，设置套餐课程</button>
                                            <button class="btn btn-white ml10 saveCancel" type="button">取消</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="text-center">
                                <button type="button" id="course-info-desc-btn" style="width: 200px;display: inline-block;" class="btn btn-block btn-outline btn-primary">展开描述信息表单</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div data-th-replace="layout/head-footer"></div>
<script th:inline="javascript">
    var attrJson = JSON.parse([[${course['attrJson']}]]);
    var course = [[${course}]];
    var contextTX = [[${course['details']}]];
</script>
<script  type="text/javascript" th:src="@{{path}/common/summernote/summernote.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/admin/business/upload/common-webuploader.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/admin/libs/plugins/layer/laydate/laydate.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/admin/business/course/cou/save_course.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/admin/business/manage/teacher/common-select-teacher-list.js?v={v}(path=${staticPath},v=${v})}"></script>
<script  type="text/javascript" th:src="@{{path}/admin/business/course/cloud/select-common-video.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
